<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<img src="img/1.jpg" class="img-circle" width="200px" height="200px"><br/>
    <form class="form-horizontal" method="post" action="/register" >
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Name</label>
            <div class="col-sm-10">
                <input type="text" style="width: 200px" class="form-control" name="name" id="inputEmail3" th:value="${name}" placeholder="Name">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
            <div class="col-sm-10">
                <input type="password" style="width: 200px" class="form-control" name="password" id="inputPassword3" th:value="${password}" placeholder="Password">
            </div>
        </div>

        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
            <div class="col-sm-10">
                <input type="email" style="width: 200px" class="form-control" name="email" th:value="${email}"  placeholder="Email">
            </div>
        </div>
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Phone</label>
            <div class="col-sm-10">
                <input type="text" style="width: 200px" class="form-control" name="phone" th:value="${phone}" placeholder="电话">
            </div>
        </div>
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">验证码</label>
            <div class="col-sm-10">
                <div class="col-sm-10">
                    <!-- class="verifyInput"  class="verifyCode"-->
                    <input class="form-control" style="width: 200px" name="code" placeholder="请输入验证码">
                    <img class="verifyCode" onclick="changeCode()" src="/getVerifyCode">
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">Register in</button>
            </div>
        </div>
    </form>
    <a style="color: red" th:text="${msg}"></a><br/>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
                <a href="/login">返回登录</a>
            </div>
        </div>
    </div>
</body>
</html>